import Vue from 'vue'
import VueRouter, { RouteConfig } from 'vue-router'
import DetailPage from "@/pages/home/DetailPage.vue";
import LoginPage from "@/pages/user/LoginPage.vue"
import UserPage from "@/pages/user/UserPage.vue"
import HomePage from "@/pages/home/HomePage.vue";
import MenuBar from "@/pages/common/MenuBar.vue"
import SelectPage from "@/pages/shop/SelectPage.vue";
Vue.use(VueRouter);
  const routes: Array<RouteConfig> = [
  {
    path: '/',
    name: 'HomePage',
    component: HomePage
  },
    {
      path:'/detail',
      name:'DetailPage',
      component:DetailPage
    },
    {
      path:'/login',
      name:'LoginPage',
      component:LoginPage
    },
    {
      path:'/user',
      name:'UserPage',
      component:UserPage
    },
    {
      path:'/menubar',
      name:'MenuBar',
      component:MenuBar
    }   ,
    {
      path:'/select',
      name:'SelectPage',
      component:SelectPage
    }

]

const router = new VueRouter({
  routes
})

export default router
